

<?= View::factory('home/menu')->set('step', 1) ?>

<div style="text-align: center;padding-top: 10px;">
    <section id="dg-container" class="dg-container">
        <div class="dg-wrapper">
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-1.png" val='1' alt="image05"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-2.png" val='2' alt="image05"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-3.png" val='3' alt="image06"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-4.png" val='4' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-5.png" val='5' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-6.png" val='6' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-7.png" val='7' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-8.png" val='8' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-9.png" val='9' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-10.png" val='10' alt="image07"></a>
            <a href="#"><img src="<?= $url_base_theme ?>/img/temp-11.png" val='11' alt="image07"></a>
        </div>
        <nav>	
            <span class="dg-prev">&lt;</span>
            <span class="dg-next">&gt;</span>
        </nav>
    </section>
</div>

<div style="text-align: center;padding-top: 50px;">
    <a href="javascript:;" id='cmdstep1'>
        <img src="<?= $url_base_theme . '/img/step1.png' ?>" />
    </a>
</div>

<script type="text/javascript">
    $(function() {
        $('#dg-container').gallery();
    });
    jQuery("#cmdstep1").click(function(){
        window.location = url_base + "home/post/step2?id="+jQuery("#dg-container .dg-center img").attr("val");
    })
</script>